<!--书架整体组件-->
<template>
  <div class="shujia">
    <!-- 头部导航 -->
    <navbar id="sjtbdh">
      <img src="0.png" slot="left" alt="" />
    </navbar>
    <!-- 书架内容组件 -->
    <sjnr v-for="(item,index) in sjdata" 
          :key="index" 
          :sjsrc=item.src
          :title=item.title
          :zjs=item.gx
          :id=item.id
         >
    </sjnr>
    <butbar/>
  </div>
</template>

<script>
import navbar from "bcggzj/navbar/navbar.vue";
import sjnr from "bczj/sjzj/sjnr.vue";
import butbar from "com/bcggzj/buttombar/buttombar.vue";


export default {
  components: {
    navbar,
    sjnr,
    butbar,
  },
  data() {
    return {
      arr:[1,2,3]
    };
  },
  computed: {
    sjdata: function () {
      return this.$store.state.shujiadata;
    },
  },
  watch: {},
  methods: {

  },
  created() {},
  mounted() {
    this.$store.dispatch("shujia");
  },
};
</script>
<style scoped>
.shujia {
  font-size: 0.16rem;
  padding-top: 1.19rem ;
}
#sjtbdh {
  position: fixed;
  top: 0;
}
</style>